<div nz-row [nzGutter]="8" style="padding: 8px;">
  <div nz-col class="gutter-row" [nzSpan]="24">
    <button nz-button [nzType]="'primary'" (click)="New('单选')">
      <span>新建选择题</span>
    </button>
    <button nz-button [nzType]="'primary'" (click)="New('多选')">
      <span>新建多选题</span>
    </button>
    <button nz-button [nzType]="'primary'" (click)="New('填空')">
      <span>新建填空题</span>
    </button>
    <button nz-button [nzType]="'primary'" (click)="New('编程')">
      <span>新建编程题</span>
    </button>
  </div>
</div>

<nz-table #nzTable [nzDataSource]="data" [nzPageSize]="10">
  <thead nz-thead>
    <tr>
      <th nz-th>
        <span>序号</span>
      </th>
      <th nz-th nzWidth="65%">
        <span>问题</span>
      </th>
      <th nz-th>
        <span>问题类型</span>
      </th>
      <th nz-th>
        <span>操作</span>
      </th>
    </tr>
  </thead>
  <tbody nz-tbody>
    <tr nz-tbody-tr *ngFor="let data of nzTable.data ;index as i; ">
      <td>
        {{i+1}}
      </td>
      <td nz-td>
        {{data.question}}
      </td>
      <td nz-td>{{data.type}}</td>
      <td nz-td>
        <button nz-button [nzType]="'primary'" [nzShape]="'circle'" (click)="Alter(data.id,data.type)">
          <i class="anticon anticon-edit"></i>
        </button>
        <button nz-button [nzType]="'danger'" [nzShape]="'circle'" (click)="Delete(data.id,data.type)">
          <i class="anticon anticon-delete"></i>
        </button>
      </td>
    </tr>
  </tbody>
</nz-table>